<template>
  <m-page>
    <m-header>
      <div class="g-message">
        <div class="g-message-item">
          <span><b>选择卡片</b></span>
          <span>6220********3101</span>
        </div>
        <div class="g-message-item">
          <span><b>授信额度</b></span>
          <span>80万元</span>
        </div>
        <div class="g-message-item">
          <span><b>已用额度</b></span>
          <span>21.00万元</span>
        </div>
        <div class="g-message-item">
          <span><b>剩余额度</b></span>
          <span><b>59万元</b></span>
        </div>
        <div class="g-message-item">
          <span><b>申请额度</b></span>
          <input type="text" placeholder="请输入申请金额" />
          <span class="g-message-item-rightspan">万元</span>
        </div>
        <div class="g-message-item">
          <span><b>本金到期</b></span>
          <span>点击选取本金归还日</span>
          <span class="g-message-item-rightspan"><ynet-icon name="arrow-right" size="lg"></ynet-icon></span>
        </div>
        <div class="g-message-item">
          <span><b>申请期限</b></span>
          <input type="text" />
          <span>天</span>
        </div>
      </div>

      <!-- 按钮 -->
      <div class="g-button">
        <ynet-button type="warning">确定</ynet-button>
      </div>

      <!-- 温馨提示 -->
      <div class="g-tip">
          <p>
              温馨提示：<br>
              申请日期最短一天，最长365天，且还款日期不能超过卡片有效期
          </p>
          <p class="z-current">
              温馨提示： 还款日期不可超过卡片有效期
          </p>
          <p>
              温馨提示： 申请日期最短一天，最长365天，且还款日期不能超过卡片有效期
          </p>
          <p>
              温馨提示： 手续费=申请金额+申请期限+手续费率
          </p>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Button, Icon } from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Button.name]: Button,
    [Icon.name]: Icon
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
